$mci-color-primary: var(--color-brand-6);
$color-white: var(--color-fill-1);
$mci-border-color-base: var(--color-fill-3);
$mci-checkbox-default-text-color: var(--color-text-5);
$mci-checkbox-disabled-checked-input-fill: var(--color-fill-2);
// $mci-text-color-placeholder: var();
$mci-checkbox-disabled-border-color: var(--color-line-1);
$mci-disabled-text-color: var(--color-text-2);
$mci-checkbox-input-width: 16px;
$mci-checkbox-input-height: 16px;
$mci-checkbox-border-radius: 2px;
$mci-checkbox-font-size: 14px;
$mci-checkbox-font-weight: 400;




.mci-checkbox {
  &.el-checkbox {
    --el-color-primary: #{$mci-color-primary};
    --el-border-color-base: #{$mci-border-color-base};
    --el-checkbox-text-color: #{$mci-checkbox-default-text-color};
    --el-checkbox-font-weight: #{$mci-checkbox-font-weight};
    --el-font-size-base: #{$mci-checkbox-font-size};
    --el-checkbox-font-size: #{$mci-checkbox-font-size};
    --el-checkbox-border-radius: #{$mci-checkbox-border-radius};
    --el-checkbox-bg-color: #{$color-white};
    --el-checkbox-input-width: #{$mci-checkbox-input-width};
    --el-checkbox-input-height: #{$mci-checkbox-input-height};
    --el-checkbox-checked-text-color: #{$mci-color-primary};
    --el-checkbox-checked-bg-color: #{$mci-color-primary};
    --el-checkbox-checked-input-border-color: #{$mci-color-primary};
    --el-checkbox-checked-icon-color: #{$color-white};
    --el-checkbox-disabled-input-fill: #{$mci-checkbox-disabled-checked-input-fill};
    --el-checkbox-disabled-icon-color: #{$mci-disabled-text-color};
    --el-checkbox-disabled-checked-input-fill: #{$mci-checkbox-disabled-checked-input-fill};
    --el--disabled-text-color: #{$mci-disabled-text-color};
    --el-checkbox-disabled-checked-icon-color: #{$mci-disabled-text-color};
    --el-checkbox-disabled-border-color: #{$mci-checkbox-disabled-border-color};
    .el-checkbox__inner {
      &:after {
        top: 1px;
        left: 5px;
      }
    }
  }
}